<!doctype html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="description" content="{MetaDescription}" />

    <title>{Title}</title>

    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <!-- Tumblr variable -->
    <meta name="image:Header" content=""/>

    <style>
	body { font-family:NanumGothic, AppleGothic, Malgun Gothic; margin:0; padding:0 0 50px;  }
    ol, ul { list-style:none; padding:0; }
    a { color:#333; text-decoration:none; }
    a:hover { color:#999; }
    
    .index { width:600px; margin:100px auto 30px; }

    .header { width:500px; margin:10px auto 0; }
    .description { position:relative; width:500px; text-align:center;font-size:14px;line-height:30px;margin:30px auto; padding:30px 0 10px; border-radius:10px; box-shadow:#666 1px 1px 6px; }
    .description p a:hover { color:#eee; text-shadow:#333 0 0 3px; }
    .description .icon { position:absolute; top:-32px; left:50%; margin-left:-32px; }

    .wrap { width:500px; margin:10px auto 0; }
    .footer { position:fixed; bottom:0; left:50%; z-index:9999; width:540px; margin-left:-270px; border-radius:50px 50px 0 0; text-align:center; background:#333; }
    .footer a { display:inline-block; color:#eee; padding:13px 5px 10px; font-size:14px; font-weight:bold; }
    .footer a:hover { color:#f66; }
    
    .location { width:500px; margin: 0 auto; }
    .map { padding:30px 0; text-align:center; border-radius:10px; box-shadow:#333 1px 1px 6px; }
    .map img { width:402px; }
    .transport { overflow:hidden; }
    .transport .item { width:250px; float:left; }
    .transport h4 { font-size:14px; margin:15px 0px 10px; }
    .transport ul { margin:0; }
    .transport ul li { font-size:12px; line-height:20px; }
    .transport ul li ul { margin-bottom:10px; }
    </style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1&appId=343314475696318";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

	<div class="index">
		<h1 class="title"><img src="img/header.png" alt="{Title}" /></h1>
		<div class="description">
            <img src="img/icon_64.png" class="icon" />
            <p style="margin:30px auto 20px;"><img src="img/invitation.png" alt="하나님의 사랑으로 만난 두 사람이 새로운 가정을 이루는 아름다운 약속을 하려합니다. 언제나 아름답고 주위에 사랑을 나누는 행복한 가정을 이루도록 오셔서 축복해 주시고 지켜 봐주십시오." /></p>
		</div>
	</div>

    <div class="wrap">
        <div class="fb-like" data-href="http://wedding.joohana.net" data-send="false" data-layout="standard" data-width="500" data-show-faces="true"></div>
    </div>
	
    <div class="footer">
		<a href="/">초대합니다</a>
		<a href="/location">오시는 길</a>
        <a href="http://wedding.joohana.net/post/51791018342">사진</a>
	</div>
</body>
</html>